<script setup lang="ts">
// defineProps({
//     msg:String
// })

// 设置props传参默认值
// 提供默认值方式 1
interface Props {
    msg?: (string | number | boolean),
}

withDefaults(defineProps<Props>(), {
    msg: '默认值',
})

// let emit = defineEmits(['on-update'])

// 事件名（这里的event是固定写法），（这里的data对应下面方法的event）传输的参数
let emit = defineEmits<{
    (event: 'on-update', data: MouseEvent): void,
    (event: 'on-update2', data: MouseEvent): void
}>()

const updateHandle = (event: MouseEvent) => {
    emit('on-update', event)
}
</script>

<template>
    <h1>{{ msg }}</h1>
    <button @mouseup="updateHandle($event)">111111111111</button>
</template>
